{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hill Cipher</title>
    <link href="//unpkg.com/layui@2.9.8/dist/css/layui.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{% static 'css/index.css' %}">
</head>
<body style="background-color: #e0e0d2">

    <form id="form" class="layui-form" lay-filter="form-1">
        <h1 style="text-align: center;margin-bottom: 20px;">希尔密码</h1>
        <label>加/解密字符串（可包括大小写字母和数字\无空格）<input id="string" type="text" class="layui-input"></label>
        <label>矩阵行数（大于1）<input id="row" type="text" class="layui-input" ></label>
        <label>加密矩阵（用空格分隔）<input id="matrix" type="text" class="layui-input"></label>
        <label>加/解密结果<input id="result" type="text" class="layui-input" readonly></label>
        <label>添加的z补全明文个数<input id="add" type="text" class="layui-input" ></label>
        <button type="button" class="layui-btn btn1" id="jiami">加密</button>
        <button type="button" class="layui-btn btn2" id="clear">清除</button>
        <button type="button" class="layui-btn btn3" id="jiemi">解密</button>
        <a class="layui-btn btn3" href="/crack/">破解</a>
        {% csrf_token %}
    </form>
    
    <script type="text/javascript" src="{% static 'js/jquery-1.12.4.min.js' %}"></script>
    <script src="{% static 'js/index.js' %}"></script>
</body>
</html>